<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        /*table、tr、td可以分开写，但下面这种可以提高复用性*/
        table,tr,td{
            width: 500px;
            border: blueviolet solid 1px;
            text-align: center;
            /*
            border-collapse: collapse表示边框无空隙
            */
            border-collapse: collapse;
        }
    </style>
</head>
<body>
<table >
    <tr >
        <td colspan="3">第1行第1列</td>
    </tr>
    <tr >
        <td rowspan="2">第2行第1列</td>
        <td>第2行第2列</td>
        <td>第2行第3列</td>
    </tr>
    <tr >
        <td>第3行第2列</td>
        <td>第3行第3列</td>
    </tr>
    <tr >
        <td rowspan="2">第4行第1列</td>
        <td>第4行第2列</td>
        <td>第4行第3列</td>
    </tr>
    <tr >
        <td>第5行第2列<img src="./imgs/1.png"></td>
        <td>第5行第3列</td>
    </tr>
</table>
</body>
</html>